<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
        <title>赛车计划</title>
        <link rel="stylesheet" type="text/css" href="../../../../public/index/css/layout.mobile.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/index/css/index.index.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/plug/drag/drag.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/index/iconfont/style.css" />
        <style type="text/css">
            .dragContainer {
                box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.32);
            }
        </style>
    </head>

    <body>
        <header class="layout-header">
            <a href="javascript:;" class="header-cell-l action-goback"><i class="icon-arrowhead-left icon-form-dirs-left"></i></a>
            <p class="header-cell-c">赛车计划</p>
        </header>

        <div class="wrap">

            <div class="logobox">
                <img src="../../../../public/index/image/logo.png" />
            </div>

            <form class="p-t-4x p-x-3x" action="/*" method="post" onsubmit="return false;">
                <div class="dis-table iptbox m-b-2x">
                    <!--<div class="dis-cell label">
                        <p class="p-r-1x">手机号</p>
                    </div>-->
                    <div class="dis-cell iptx p-l-1x">
                        <input class="" type="number" placeholder="手机号" />
                    </div>
                </div>
                <div class="p-y-1x m-b-2x fs14r" id="dgx"></div>
                <div id="vercont" style="display: none;">
                    <div class="dis-table iptbox m-b-4x">
                        <!--<div class="dis-cell label">
                            <p class="p-r-1x">验证码</p>
                        </div>-->
                        <div class="dis-cell iptx p-l-1x">
                            <input class="" type="number" placeholder="验证码" />
                        </div>
                        <div class="dis-cell form-r">
                            <a href="javascript:;" class="ipt-ver">获取验证码</a>
                        </div>
                    </div>
                    <!--<div class="btnTabox m-b-4x">
                        <div class="dis-table">
                            <a href="javascript:;" class="dis-cell btnTab active">普通会员</a>
                            <a href="javascript:;" class="dis-cell btnTab">高级会员</a>
                            <a href="javascript:;" class="dis-cell btnTab">超级会员</a>
                        </div>
                    </div>-->
                </div>
            </form>

            <div class="btnbox p-x-3x">
                <a href="javascipt:;" class="btnSubmit">确定</a>
            </div>
        </div>

        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/api.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/jquery.slim.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/tool.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/interactive.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/plug/drag/drag.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/index/js/all.js"></script>
        <script type="text/javascript">
            window.onload = function() {
                drag.config({
                    container: document.querySelector('#dgx'),
                    complete: function() {
                        fadeIptBox();
                    }
                });
                drag.init();

                $('.btnTab').on('click', function(e) {
                    $(this).addClass('active').siblings().removeClass('active');
                });
            }

            function fadeIptBox() {
                document.querySelector('#dgx').style.display = 'none';
                document.querySelector('#vercont').style.display = 'block';
            }
        </script>
    </body>

</html>